// 食物类
class Food{
    // 定义一个属性表示食物所对应的元素
    element:HTMLElement;
    constructor(){
        // 获取页面中的food元素并将其赋值给element
        this.element=document.getElementById('food')!;
    }

    // 获取食物的x轴坐标
    get X(){
        return this.element.offsetLeft;
    }
    // 获取食物的y轴坐标
    get Y(){
        return this.element.offsetTop;
    }

    // 修改食物的位置
    change(){
        // 食物的位置最小是0，最大是290(300-10)
        // 蛇移动一次就是一格，一格的大小就是10，所以要求食物的坐标必须是10的倍数
        let left=Math.round(Math.random()*(300-10))/10*10;
        let top=Math.round(Math.random()*(300-10))/10*10;
        this.element.style.left=left+'px';
        this.element.style.top=top+'px';
    }
}

export default Food;